#wrap-chat {
    width     : 100%;
    height    : 100;
    /* 占用剩余布局 */
    flex-grow : 1;
    /* 裁剪剩余部，滚动显示 */
    overflow-y: scroll;
}

#search {
    height         : 40px;
    display        : flex;
    justify-content: space-around;
    align-items    : center;
    border-bottom  : 1px solid gainsboro;
    box-shadow     : 0 0 2px ghostwhite;
}

#search input {
    height             : 26px;
    width              : 99%;
    border             : 1px solid gainsboro;
    box-shadow         : 0 0 10px gainsboro inset;
    background         : url(../img/icon/control/搜索.svg) no-repeat;
    background-size    : 16px;
    background-position: center;
}

#search input:focus {
    background: none;
}

#lists {
    display       : flex;
    flex-direction: column;
    overflow-y    : scroll;
    width         : 100%;
    margin        : 0 auto;
}

.content {
    height         : 64px;
    background     : #ffffff;
    border         : 1px solid rgb(234, 234, 234);
    padding        : 0 4px 0 4px;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.content-left {
    height: 52px;
    width : 52px;
    
}

.content-left img {
    height       : 52px;
    width        : 52px;
    border-radius: 6px;
}

.content-center {
    height         : 52px;
    flex-grow      : 1;
    padding-left   : 8px;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    white-space    : nowrap;
    overflow       : hidden;
}
.username{
    width: 100%;
    height: 24px;
    font-size: 1em;
    color: #000;
    font-weight: 550;
}
.text,.text-radio{
    width: 100% ;
    height:20px;
    font-size: 14px;
    color: #9e9e9e;
}
.text-radio{
    color:#bf360c;
}
.content-right{
    height: 52px;
    width: 60px;
    font-size: 10px;
    text-align: right;
    color: #9e9e9e;
}
.new-msg{
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: red;
    font-weight: 600;
    color: white;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    position: relative;
    top: -55px;
    right: -43px;
}
